import React, { Component } from 'react'
import { Breadcrumb, Layout, Menu, Input, DatePicker, Space, Button, Table, Tabs } from 'antd';

import { Route } from 'react-router-dom';
import Scheduling from './Scheduling'
import Escort from './Escort'
import type { TabsProps } from 'antd';




const { Header, Content, Footer, } = Layout;

const onChange = (key: string) => {
    console.log(key);
};

const items: TabsProps['items'] = [
    {
        key: '1',
        label: `护导点`,
        children: <Escort></Escort>,
    },
    {
        key: '2',
        label: `护导排班`,
        children: <Scheduling></Scheduling>,
    }
];

export default class componentName extends Component {
    render() {
        return (

            <Layout>
                {/* <h2 >{'护导管理'}</h2 > */}
                <Header style={{ position: 'sticky', top: 0, zIndex: 1, width: '100%', backgroundColor: 'white', }}>

                    <Tabs defaultActiveKey="1" items={items} onChange={onChange} style={{ fontWeight: 'bolder', }} />

                </Header>

                <Content className="site-layout" style={{ margin: '10px 20px' }}>



                </Content>

            </Layout>

        )
    }
}
